<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<script src="jQuery/jquery-1.9.1.min.js"></script>
	<script src="js/jquery.zlight.menu.1.0.min.js"></script>

	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="css/font-awesome.min.css" media="screen">
	<link rel="stylesheet" href="css/style2.css" media="screen">
	<link rel="stylesheet" href="css/zlight.menu.css" media="screen">

	<title>东华山庄</title>
	<style type="text/css">
		.price{
			color: orange;
		}
	</style>
	<script>
		$(document).ready(function(){
			$('#zlight-nav').zlightMenu();
		});
	</script>
</head>
<body>
	<div class="container" id="main">
		
	<!-- 	<div class="row">
			<div class="col-lg-12">
				<h4>Default:</h4>
			</div>
		</div> -->

		<div class="row" style="padding-top: 20px;">
			<div class="col-lg-12">
				<img src="https://i02piccdn.sogoucdn.com/bb26a038374fa8d0" style="width: 1080px;height: 150px;">
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">

				<nav id="zlight-nav">
					<ul id="zlight-main-nav" style="margin-left: 50px;">
						<li class="" ><a href="">首页</a></li>

						<li class="zlight-dropdown">
							<a href="#">记忆口才 <i class="icon-angle-down"></i></a>
							<ul class="zlight-submenu">
								<li><a href="#">Link 1</a></li>
								<li><a href="#">Link 2</a></li>
								<li><a href="#">Link 3</a></li>
							</ul>
						</li>

						<li><a href="#">软件教程</a></li>

						<li class="zlight-dropdown">
							<a href="#">技能提升<i class="icon-angle-down"></i></a>
							<ul class="zlight-submenu">
								<li><a href="#">软件教程</a></li>
								<li><a href="#">厨艺</a></li>
								<li><a href="#">Link 3</a></li>
								<li class="zlight-dropdown">
									<a href="#">外语 <i class="icon-angle-right"></i></a>
									<ul class="zlight-submenu">
										<li><a href="#">英语</a></li>
										<li><a href="#">日语</a></li>
										<li><a href="#">韩语</a></li>

										<li class="zlight-dropdown">
											<a href="#">Dropdown <i class="icon-angle-right"></i></a>
											<ul class="zlight-submenu">
												<li><a href="#">Link 1</a></li>
												<li><a href="#">Link 2</a></li>
												<li><a href="#">Link 3</a></li>
												<li><a href="#">Link 4</a></li>
											</ul>
										</li>

									</ul>
								</li>
								<li><a href="#">Link 5</a></li>
							</ul>
						</li>

						<li><a href="ITpeixun.html"  class="zlight-active">IT培训</a></li>

						<li><a href="#">软件区</a></li>

						<li><a href="tzlc.html" target="">投资理财</a></li>


						<li><a href=""  class="">网站源码</a></li>
						<li><a href=""  class="">认证考试</a></li>
						<li><a href=""  class="">公务员资料</a></li>

					</ul>
					<!-- MOBILE NAV -->
					<div id="zlight-mobile-nav">
						<span>Menu</span>
						<i class="icon-reorder zlight-icon"></i>
						<select></select>
					</div>
				</nav> <!-- nav close -->

			</div>
		</div>
		
		<div class="row"></div>

		<!-- <div class="row">
			<div class="col-lg-12">
				<h4 class="zlight-hhh">jQuery页面滚动顶部悬浮导航</h4>
			</div>
		</div> -->



		<div style="margin-top: 25px;">
			<div class="container"  style="width: 900px;margin-left: 80px;">
				<a href="shangpinDetail/UIsheJiDetail.html" target="_blank" class="upload-video">
					<img src="img\UIzhutu.JPG" class="upload-video" width="210px" height="200px">
					<br>
					<span style="width: 110px;">UI设计全能班</span>
				</a>

				<p style="width: 210px;" class="price">￥20</p>
				<br>
				<br>
			</div>

			<div class="container"  style="width: 900px;margin-top: -299px;margin-left: 440px;"
				<p></p>
				<a href="shangpinDetail/CyuYanDetail.html" target="_blank" class="upload-video">
					<img src="http://upload-images.jianshu.io/upload_images/13655065-d4654d6c8f0f3d9b?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="upload-video" width="210px" height="200px">
					<br>
					<span style="width: 110px;">边用边学C语言视频教程</span>
				</a>

				<p style="width: 210px;" class="price">￥11.5</p>
			</div>

			<div class="container"  style="width: 900px;margin-top: -258px;margin-left: 795px;"
				<p></p>
				<a href="shangpinDetail/UIsheJiDetail.html" target="_blank" class="upload-video">
					<img src="https://i1.go2yd.com/image.php?url=0KK8XoMnGB" class="upload-video" width="210px" height="200px">
					<br>
					<span style="width: 110px;">边用边学C语言视频教程</span>
				</a>
				<p style="width: 210px;" class="price">￥11.5</p>
			</div>


			<div style="margin-left:850px;margin-top: -1000px;position: fixed;margin:auto;left:1125px;right:0;top:290px;bottom:0;"> 
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=528184495&site=qq&menu=yes">

			 		<img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_53.png" alt="点击这里给我发消息"  width="100px;" height="130px;" title="点击这里给我发消息"/>
			 	</a>
		 	</div>
		</div>	
	</div> <!-- main close -->

	<!-- container close -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/respond.min.js"></script>
	<!-- 
	<div style="text-align:center;">
	<p>更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
	</div>
 -->

</body>
</html>